import React, { useState } from 'react'
import "../../assets/css/sytop/top.scss"
import { Button, Flex, Space, Select, Input, Modal } from 'antd';
import {
    RightOutlined,
} from '@ant-design/icons';
function Top1() {
    return (
        <div className='top'>
            <div className='top-a'>
                <img src="https://lib.eqh5.com/eqx.layout/images/new_logo.svg" alt="" className='img2' />
            </div>
            <div className='top-b'>
                <div className='top-b-a'>
                    <ul>
                        <li className="hover-parent"> <img src="https://lib.eqh5.com/eqx.layout/images/tiphot.svg" alt="" className='HQT' />  免费模版
                            <div className='hidden-content'>
                                <span className='hidden-content-a'>电子邀请函<Space>
                                    <RightOutlined /></Space>
                                    <div className='yqh'>
                                        <ul>
                                            <li>开业邀请函</li>
                                            <li>宴请邀请函</li>
                                            <li>年会邀请函</li>
                                            <li>商务邀请函</li>
                                            <li>展会邀请函</li>
                                            <li>毕业典邀请函</li>
                                            <li>公益活动</li>
                                            <li>晚会请帖</li>
                                            <li>酒会邀请函</li>
                                            <li>招商加盟</li>
                                            <li>周年庆典</li>
                                            <li>乔迁之喜</li>
                                            <li>婚礼请柬</li>
                                            <li>生日邀请函</li>
                                            <li>寿宴邀请函</li>
                                            <li>谢师宴邀请函</li>
                                            <li>团购会邀请函</li>
                                        </ul>
                                    </div>
                                </span>
                            </div>
                        </li>
                        <li className='hover-parent1'>
                            <div className='bq'>
                                {/* <img src="https://lib.eqh5.com/eqx.layout/images/vip_corner_2.png" alt="" /> */}
                            </div>
                            开通会员
                            <div className='hidden-content1'>
                            </div>
                        </li>
                        <li className='hover-parent2'>产品服务
                            <div className='hidden-content2'>
                                <span className='hidden-content-a1'>创意设计</span>
                            </div>
                        </li>
                        <li className='hover-parent3'>
                            解决方案
                            <div className='hidden-content3'>
                                <span className='hidden-content-a2'>行业解决问题</span>
                            </div>
                        </li>
                        <li className='hover-parent4'>
                            内容中台
                            <div className='hidden-content4'>
                                <span className='hidden-content-a3'>1111</span>
                            </div>
                        </li>
                        <li className='hover-parent5'>
                            资源与合作
                            <div className='hidden-content5'>
                                <span className='hidden-content-a4'>
                                    <b>生态合作</b>
                                </span>
                                <div className='hidden-content-a4-a'>
                                    <span>招募合伙人</span><br />
                                    <span>招募服务商</span><br />
                                    <span>招募设计师</span><br />
                                    <span>定制设计</span>
                                </div>
                                <span className='hidden-content-a5'>
                                    <b>资源中心</b>
                                </span>
                                <div className='hidden-content-a5-a'>
                                    <p>客户例案</p>
                                    <p>产品方案</p>
                                    <p>白皮书</p>
                                    <p>营销观察</p>
                                </div> 
                                <span className='hidden-content-a6'>
                                    <b>帮助</b>
                                </span>
                                <div className='hidden-content-a6-a'>
                                    <p>帮助中心</p>
                                    <p>在线客服</p>
                                    <p>意见反馈</p>
                                </div> 
                            </div>
                        </li>
                    </ul>
                </div>
                <div className='top-b-c'>

                </div>
                <div className='top-b-b'>
                    <div className='zc'>
                        <img src="https://asset.eqh5.com/364ad775250a4424a5b57af1a45c7d6b.png?imageMogr2/quality/80/format/webp/" alt="" />
                    </div>
                    <Button type="primary" id="openMaskBtn">登录/注册</Button>

                </div>
            </div>
        </div>
    )
}

export default Top1
